a {
    outline: none;
    text-decoration: none;
}

li {
    list-style: none;
}

.body {
    padding-top: 1rem;
    padding-bottom: 3rem;
    .head {
        background: url(../../image/my/background/background.png)no-repeat center center;
        height: 6.5rem;
        background-size: cover;
        .dw {
            padding: 2rem 0 0 5%;
            display: flex;
            .userImg>img {
                border: 1px solid #fff;
                width: 2.3rem;
                height: 2.3rem;
                border-radius: 50%;
            }
            .userInfo {
                width: 8rem;
                .userName {
                    font-size: 0.6rem;
                    color: #fff;
                    padding: 0.2rem 0 0.2rem;
                    margin-left: .5rem;
                }
                .edit {
                    background: rgba(241, 242, 243, 0.28);
                    border-radius: .1rem;
                    color: #fff;
                    display: inline-block;
                    font-size: 0.2rem;
                    padding: .15rem .3rem .1rem .3rem;
                    margin-left: .5rem;
                    i {
                        background: url(../../image/my/editIcon.png)no-repeat center center;
                        width: .3rem;
                        height: .4rem;
                        background-size: cover;
                        display: inline-block;
                        margin-right: 0.2rem;
                    }
                }
            }
        }
    }
    .pack {
        position: relative;
        background: #fff;
        margin: 0 5%;
        height: 3rem;
        top: -1.2rem;
        border-radius: .1rem;
        display: flex;
        a {
            margin-top: .75rem;
            text-align: center;
            color: #000;
            width: 50%;
            p {
                font-size: .57rem;
            }
        }
        .line {
            position: absolute;
            width: 1px;
            background-color: #979797;
            height: 1.2rem;
            opacity: .3;
            left: 50%;
            top: 1rem;
        }
    }
    .info {
        border-top: .5rem solid #f8f9fa;
        position: relative;
        overflow: hidden;
        ul {
            width: 100%;
            display: table;
            padding-left: 0rem;
            margin-bottom: 0.5rem;
            a {
                text-align: center;
                float: left;
                width: 50%;
                height: 2rem;
                border-bottom: 1px solid rgba(151, 151, 151, 0.1);
                padding: 0.5rem 0;
            }
            li {
                font-size: .56rem;
                color: #4a4a4a;
                i {
                    display: inline-block;
                    position: relative;
                    top: 0.2rem;
                    margin-right: 0.3rem;
                }
                .dd {
                    background: url(../../image/my/orderIcon.png);
                    background-size: cover;
                    width: .7rem;
                    height: .8rem;
                }
                .dz {
                    background: url(../../image/my/dzIcon.png);
                    background-size: cover;
                    width: .8rem;
                    height: .74rem;
                }
                .sc {
                    background: url(../../image/my/shoucangIcon.png);
                    background-size: cover;
                    width: .8rem;
                    height: .8rem;
                }
                .hj {
                    background: url(../../image/my/language.png);
                    background-size: cover;
                    width: .8rem;
                    height: .8rem;
                }
                .hb {
                    background: url(../../image/my/moneyIcon.png);
                    background-size: cover;
                    width: .8rem;
                    height: .8rem;
                }
                .xx {
                    background: url(../../image/my/invoice_act.png);
                    background-size: cover;
                    width: .8rem;
                    height: .8rem;
                }
                .wm {
                    background: url(../../image/my/aboutIcon.png);
                    background-size: cover;
                    width: .8rem;
                    height: .8rem;
                }
            }
        }
        .line {
            height: 8rem;
            width: 1px;
            background: rgba(151, 151, 151, 0.1);
            position: absolute;
            top: 0;
            left: 50%;
        }
    }
    .activity {
        width: 100%;
        height: 3.5rem;
        background: url(../../image/my/background/mtickbg.png);
        background-repeat: no-repeat;
        background-size: contain;
        border-top: .5rem solid #FFF;
        .ticket_img {
            float: left;
            width: 2.8rem;
            height: 1.8rem;
            margin-left: 1.8rem;
            margin-right: 1rem;
            margin-top: .5rem;
        }
        .ticket_div {
            float: left;
            padding-top: .5rem;
        }
        .ticket_p1 {
            font-size: .65rem;
            margin-bottom: .5rem;
        }
        .ticket_p2 {
            line-height: .2rem;
            font-size: 0.357rem;
            color: #777777;
        }
    }
}